@import '../constant.less';

.container {
  position: relative;
  min-height: 28vh;
  margin: 3vh;
  padding: 2vh;
  color: var(--font);
  background-color: var(--bg-main);
  border-radius: 5px;

  // :global {
  //   .ant-btn-background-ghost {
  //     float: right;
  //     border: @containerBorderWidth solid @containerBorderColor;
  //     border-radius: @containerBorderRadis;
  //   }

  //   .ant-space-item:last-child {
  //     position: absolute;
  //     right: 2vh;
  //   }

  //   .ant-space {
  //     flex-wrap: wrap;
  //   }
  // }
}

.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--font);
  font-weight: 600;
  font-size: 18px;
  font-family: 'PingFang SC';
  font-style: normal;
}

.empty {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 16vh;
  margin-top: 2vh;

  :global {
    .ant-empty-img-default-path-1 {
      fill: rgb(92, 99, 102);
    }

    .ant-empty-img-default-path-3 {
      fill: #595959;
    }

    .ant-empty-img-default-path-4 {
      fill: #434343;
    }

    .ant-empty-img-default-path-5 {
      fill: #595959;
    }

    .ant-empty-img-default-g {
      fill: #434343;
    }

    .ant-empty-img-default-ellipse {
      fill: var(--font);
      fill-opacity: 0.08;
    }

    .ant-empty-description {
      color: rgb(223, 223, 223);
    }
  }
}

.resultContainer {
  display: inline-flex;
  align-items: center;
  height: 40px;
  margin-top: 1vh;
  text-align: right;
}

.resultLab {
  display: inline-block;
  margin-left: 10px;
  color: var(--font2);
}

.price {
  color: @resultColor;
  font-weight: 600;
}

:global {
  .error-msg {
    margin-top: calc(50vh - 21px) !important;
    color: var(--font);

    .ant-message-notice-content {
      background-color: @tableBackgroundColor !important;
      box-shadow: none;
    }
  }
}
